<template>
  <div>

  </div>

</template>

<script>
import { cancel, relation} from '../../../../api/ajax'
export default {
  name: 'orderDetails',
  data() {
    return {
      tableData: [],
      input:''
    }
  },
  mounted () {

  },
  methods: {
    
  }

}
</script>

<style scoped>
  @import '../../../../assets/style/common.less';
  .search{
    width: 100%;
    border:1px solid #ddd;
    margin: 10px 0;
    padding: 20px;
  }
  .bottom{
    border-bottom: 1px solid #ddd;
  }
  .orderItem{
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 30px;
  }
  .orderItem .top{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px;
    background: #f2f2f2;
  }
  .orderItem .top p{
    margin-right: 30px;
  }
  .productList{
    padding: 15px;
  }
  .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
  }
  img{
    width: 100px;
    height: 100px;
  }
</style>
